const layouts = [
  {
    key: 'standard',
    name: '经典版',
    desc: '适用复杂业务场景 更大可操作界面 ',
    img: 'layout-standard.png',
  },
  {
    key: 'extreme',
    name: '简约版',
    desc: '适用简便业务场景便捷的菜单操作 ',
    img: 'layout-extreme.png',
  },
];

export default {
  namespaced: true,
  state: {
    layout: layouts[0].key,
    layouts: layouts,
    singlePage: false, // 单页面模式
  },
  mutations: {
    changeLayout(state, layout) {
      state.layout = layout;
    },
    // 切换单页面模式（内部测试用）
    toggleSinglePage(state) {
      state.singlePage = !state.singlePage;
      state.layout = layouts[1].key;
    },
    // 进入单页面模式
    enterSinglePage(state) {
      state.singlePage = true;
      // 单页面模式在竖版导航上渲染
      state.layout = layouts[1].key;
    },
    // 退出单页面模式，可能不需要（如：直接关闭了页面或者去往第三方系统了）
    outSinglePage(state) {
      state.singlePage = false;
    },
  },
};
